<template>
  <div>
    <v-row>
      <v-col>
        <v-switch v-model="type" label="期待回复" color="info" hide-details></v-switch>
      </v-col>
    </v-row>
    <v-row v-show="type">
      <v-col  class="pb-0">
        <v-text-field v-model="email" label="E-mail" outlined></v-text-field>
      </v-col>
    </v-row>
    <v-row >
      <v-col class="pt-0">
        <v-textarea label="请输入您的留言内容" auto-grow outlined rows="10" row-height="15"></v-textarea>
      </v-col>
    </v-row>
    
    <v-row>
      <v-col>
        <v-btn class="float-right">提交</v-btn>
      </v-col>
    </v-row>
    <v-row>
      <v-col>
        <v-card flat outlined class="rounded-lg">
          <v-card-text>
            <p>asdasdasdad</p>
            <p class="text-right">2020-2-11</p>
          </v-card-text>
        </v-card>
      </v-col>
    </v-row>
  </div>
</template>

<script>
  // @ is an alias to /src
  //import HelloWorld from '@/components/HelloWorld.vue'


  export default {
    name: 'Home',
    components: {
      //HelloWorld
    },
    data: function () {
      return {
        type: false,
        email: ''
      }
    },
    created(){
      this.$emit("hideBackToTop")
    }
  }
</script>